<template>
	<view class="w100 cardContiner mtb20">
		<userCardTop :item="item" :showShop="true" />
		<view class="w100  rowStart gap20 ">
			<view class="rowStart gap10">
				<view>
					微信:
				</view>
				<view :class="statusFun(item.wxStatus).class" class="pall10 borderRadius10">
					{{item.wxStatusContent}}
				</view>
			</view>
			<view class="rowStart gap10">
				<view>
					支付宝:
				</view>
				<view :class="statusFun(item.alipayStatus).class" class="pall10 borderRadius10">
					{{item.alipayStatusContent}}
				</view>
			</view>
		</view>

	</view>
</template>

<script>
	import userCardTop from '@/components/userCardTop/userCardTop.vue';
	export default {
		props: {
			// item: {
			// 	type: Object,
			// 	default: () => ({}),
			// },
		},
		components: {
			userCardTop,
		},
		data() {
			return {
				item: {
					name: "测试",
					realPhone: "13800138000",
					createTime: "2025-01-01 10:00:00",
					shopName: "测试店铺",
					wxStatus: "0",
					wxStatusContent: "未认证",
					alipayStatus: "1",
					alipayStatusContent: "认证通过",
				},
			};
		},
		methods: {},
	};
</script>

<style lang="scss" scoped>

</style>